

<!DOCTYPE html>
<html class="writer-html5" lang="en" >
<head>
  <meta charset="utf-8" />
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  
  <title>Base object (lv_obj) &mdash; LVGL  documentation</title>
  

  
  <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/custom.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/fontawesome.min.css" type="text/css" />

  
  
    <link rel="shortcut icon" href="../_static/favicon.png"/>
  

  
  

  
    <link rel="canonical" href="https://docs.lvgl.io/v8.0/en/html/widgets/obj.html" />

  
  <!--[if lt IE 9]>
    <script src="../_static/js/html5shiv.min.js"></script>
  <![endif]-->
  
    
      <script type="text/javascript" id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
        <script data-url_root="../" id="documentation_options" src="../_static/documentation_options.js"></script>
        <script src="../_static/jquery.js"></script>
        <script src="../_static/underscore.js"></script>
        <script src="../_static/doctools.js"></script>
    
    <script type="text/javascript" src="../_static/js/theme.js"></script>

    
    <link rel="index" title="Index" href="../genindex.html" />
    <link rel="search" title="Search" href="../search.html" />
    <link rel="next" title="Core widgets" href="core/index.html" />
    <link rel="prev" title="Widgets" href="index.html" />
 
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78811084-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

	gtag('config', 'UA-78811084-3', { 'anonymize_ip': true });
</script>

</head>

<body class="wy-body-for-nav">

   
  <div class="wy-grid-for-nav">
    
    <nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search" >
          

          
            <a href="../index.html">
          

          
            
            <img src="../_static/logo_lvgl.png" class="logo" alt="Logo"/>
          
          </a>

          
            
            
              <div class="version">
                8.0
              </div>
            
          

          
<div role="search">
  <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
    <input type="text" name="q" placeholder="Search docs" />
    <input type="hidden" name="check_keywords" value="yes" />
    <input type="hidden" name="area" value="default" />
  </form>
</div>

          
        </div>

        
        <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
          
            
            
              
            
            
              <ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../intro/index.html">Introduction</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#key-features">Key features</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#requirements">Requirements</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#license">License</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#repository-layout">Repository layout</a></li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#release-policy">Release policy</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#release-cycle">Release cycle</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#branches">Branches</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#changelog">Changelog</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#version-support">Version support</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../intro/index.html#faq">FAQ</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#where-can-i-ask-questions">Where can I ask questions?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#is-my-mcu-hardware-supported">Is my MCU/hardware supported?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#is-my-display-supported">Is my display supported?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#nothing-happens-my-display-driver-is-not-called-what-have-i-missed">Nothing happens, my display driver is not called. What have I missed?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#why-is-the-display-driver-called-only-once-only-the-upper-part-of-the-display-is-refreshed">Why is the display driver called only once? Only the upper part of the display is refreshed.</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#why-do-i-see-only-garbage-on-the-screen">Why do I see only garbage on the screen?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#why-i-see-nonsense-colors-on-the-screen">Why I see nonsense colors on the screen?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-speed-up-my-ui">How to speed up my UI?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-reduce-flash-rom-usage">How to reduce flash/ROM usage?</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-reduce-the-ram-usage">How to reduce the RAM usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="../intro/index.html#how-to-work-with-an-operating-system">How to work with an operating system?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../get-started/index.html">Get started</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../get-started/quick-overview.html">Quick overview</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#get-started-in-a-simulator">Get started in a simulator</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#add-lvgl-into-your-project">Add LVGL into your project</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#learn-the-basics">Learn the basics</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#widgets">Widgets</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#parts">Parts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#styles">Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#themes">Themes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#id1">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#micropython">Micropython</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/pc-simulator.html">Simulator on PC</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/pc-simulator.html#select-an-ide">Select an IDE</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/pc-simulator.html#set-up-eclipse-cdt">Set-up Eclipse CDT</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#install-eclipse-cdt">Install Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#install-sdl-2">Install SDL 2</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#pre-configured-project">Pre-configured project</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#add-the-pre-configured-project-to-eclipse-cdt">Add the pre-configured project to Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#compile-and-run">Compile and Run</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/stm32.html">STM32</a></li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/nxp.html">NXP</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nxp.html#creating-new-project-with-lvgl">Creating new project with LVGL</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nxp.html#adding-hw-acceleration-for-nxp-imx-rt-platforms-using-pxp-pixel-pipeline-engine-for-existing-projects">Adding HW acceleration for NXP iMX RT platforms using PXP (PiXel Pipeline) engine for existing projects</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#features-supported">Features supported:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#basic-configuration">Basic configuration:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#basic-initialization">Basic initialization:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#project-setup">Project setup:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nxp.html#advanced-configuration">Advanced configuration:</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/espressif.html">Espressif (ESP32)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/espressif.html#get-the-lvgl-demo-project-for-esp32">Get the LVGL demo project for ESP32</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/espressif.html#use-lvgl-in-your-esp32-project">Use LVGL in your ESP32 project</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/espressif.html#prerequisites">Prerequisites</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/espressif.html#get-lvgl">Get LVGL</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/espressif.html#use-lvgl-esp32-drivers-in-your-project">Use lvgl_esp32_drivers in your project</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/espressif.html#support-for-esp32-s2">Support for ESP32-S2</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/arduino.html">Arduino</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#get-the-lvgl-ardunio-library">Get the LVGL Ardunio library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#set-up-drivers">Set up drivers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#configure-lvgl">Configure LVGL</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#configure-the-examples">Configure the examples</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#initialize-lvgl-and-run-an-example">Initialize LVGL and run an example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/arduino.html#debugging-and-logging">Debugging and logging</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/micropython.html">Micropython</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#what-is-micropython">What is Micropython?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#highlights-of-micropython">Highlights of Micropython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#why-micropython-lvgl">Why Micropython + LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#here-are-some-advantages-of-using-lvgl-in-micropython">Here are some advantages of using LVGL in Micropython:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#micropython-lvgl-could-be-used-for">Micropython + LVGL could be used for:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#so-what-does-it-look-like">So what does it look like?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#a-simple-example">A simple example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#how-can-i-use-it">How can I use it?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#online-simulator">Online Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#pc-simulator">PC Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#embedded-platform">Embedded platform</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/nuttx.html">NuttX RTOS</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#what-is-nuttx">What is NuttX?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#highlights-of-nuttx">Highlights of NuttX</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#why-nuttx-lvgl">Why NuttX + LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#here-are-some-advantages-of-using-lvgl-in-nuttx">Here are some advantages of using LVGL in NuttX</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#nuttx-lvgl-could-be-used-for">NuttX + LVGL could be used for</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#how-to-get-started-with-nuttx-and-lvgl">How to get started with NuttX and LVGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#first-you-need-to-install-the-pre-requisite-on-your-system">First you need to install the pre-requisite on your system</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#now-let-s-to-create-a-workspace-to-save-our-files">Now let's to create a workspace to save our files</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#clone-the-nuttx-and-apps-repositories">Clone the NuttX and Apps repositories:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#configure-nuttx-to-use-the-stm32f429i-disco-board-and-the-lvgl-demo">Configure NuttX to use the stm32f429i-disco board and the LVGL Demo</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/nuttx.html#flashing-the-firmware-in-the-board-using-openocd">Flashing the firmware in the board using OpenOCD:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/nuttx.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../porting/index.html">Porting</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../porting/project.html">Set-up a project</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#get-the-library">Get the library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#configuration-file">Configuration file</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#initialization">Initialization</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/display.html">Display interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#draw-buffer">Draw buffer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#display-driver">Display driver</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../porting/display.html#mandatory-fields">Mandatory fields</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/display.html#optional-fields">Optional fields</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/display.html#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#rotation">Rotation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#further-reading">Further reading</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/indev.html">Input device interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#types-of-input-devices">Types of input devices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#touchpad-mouse-or-any-pointer">Touchpad, mouse or any pointer</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#keypad-or-keyboard">Keypad or keyboard</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#encoder">Encoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#button">Button</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#other-features">Other features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#parameters">Parameters</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#feedback">Feedback</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#associating-with-a-display">Associating with a display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#buffered-reading">Buffered reading</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#further-reading">Further reading</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/tick.html">Tick interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/tick.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/task-handler.html">Task Handler</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/sleep.html">Sleep management</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/os.html">Operating system and interrupts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/os.html#tasks-and-threads">Tasks and threads</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/os.html#interrupts">Interrupts</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/log.html">Logging</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#log-level">Log level</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#printing-logs">Printing logs</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../porting/log.html#logging-with-printf">Logging with printf</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/log.html#custom-log-function">Custom log function</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#add-logs">Add logs</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../overview/index.html">Overview</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../overview/object.html">Objects</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#attributes">Attributes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#basic-attributes">Basic attributes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#specific-attributes">Specific attributes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#working-mechanisms">Working mechanisms</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#parent-child-structure">Parent-child structure</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#moving-together">Moving together</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#visibility-only-on-the-parent">Visibility only on the parent</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#create-and-delete-objects">Create and delete objects</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#create-screens">Create screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#get-the-active-screen">Get the active screen</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#load-screens">Load screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#layers">Layers</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#handling-multiple-displays">Handling multiple displays</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#parts">Parts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#states">States</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/coords.html">Positions, sizes, and layouts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#units">Units</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#boxing-model">Boxing model</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#important-notes">Important notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#position">Position</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#simple-way">Simple way</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#align">Align</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#size">Size</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#id1">Simple way</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#using-styles">Using styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#translation">Translation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#transformation">Transformation</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#min-and-max-size">Min and Max size</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#layout">Layout</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#id2">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#built-in-layout">Built-in layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#flags">Flags</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/coords.html#adding-new-layouts">Adding new layouts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/coords.html#examples">Examples</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/style.html">Styles</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#states">States</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#cascading-styles">Cascading styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#inheritance">Inheritance</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#parts">Parts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#initialize-styles-and-set-get-properties">Initialize styles and set/get properties</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#add-and-remove-styles-to-a-widget">Add and remove styles to a widget</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#add-styles">Add styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#remove-styles">Remove styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#report-style-changes">Report style changes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#get-a-property-s-value-on-an-object">Get a property's value on an object</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#local-styles">Local styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#properties">Properties</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#typical-background-properties">Typical background properties</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#transitions">Transitions</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#color-filter">Color filter</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#themes">Themes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#extending-themes">Extending themes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/style-props.html">Style properties</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#size-and-position">Size and position</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#width">width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#min-width">min_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#max-width">max_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#height">height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#min-height">min_height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#max-height">max_height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#x">x</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#y">y</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#align">align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#transform-width">transform_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#transform-height">transform_height</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#translate-x">translate_x</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#translate-y">translate_y</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#transform-zoom">transform_zoom</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#transform-angle">transform_angle</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#padding">Padding</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#pad-top">pad_top</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#pad-bottom">pad_bottom</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#pad-left">pad_left</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#pad-right">pad_right</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#pad-row">pad_row</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#pad-column">pad_column</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#miscellaneous">Miscellaneous</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#radius">radius</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#clip-corner">clip_corner</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#opa">opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#color-filter-dsc">color_filter_dsc</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#color-filter-opa">color_filter_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#anim-time">anim_time</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#anim-speed">anim_speed</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#transition">transition</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#blend-mode">blend_mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#layout">layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#base-dir">base_dir</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#background">Background</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-color">bg_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-opa">bg_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-grad-color">bg_grad_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-grad-dir">bg_grad_dir</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-main-stop">bg_main_stop</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-grad-stop">bg_grad_stop</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-img-src">bg_img_src</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-img-opa">bg_img_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-img-recolor">bg_img_recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-img-recolor-opa">bg_img_recolor_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#bg-img-tiled">bg_img_tiled</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#border">Border</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#border-color">border_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#border-opa">border_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#border-width">border_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#border-side">border_side</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#border-post">border_post</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#text">Text</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-color">text_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-opa">text_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-font">text_font</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-letter-space">text_letter_space</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-line-space">text_line_space</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-decor">text_decor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#text-align">text_align</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#image">Image</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#img-opa">img_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#img-recolor">img_recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#img-recolor-opa">img_recolor_opa</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#outline">Outline</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#outline-width">outline_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#outline-color">outline_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#outline-opa">outline_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#outline-pad">outline_pad</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#shadow">Shadow</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#shadow-width">shadow_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#shadow-ofs-x">shadow_ofs_x</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#shadow-ofs-y">shadow_ofs_y</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#shadow-spread">shadow_spread</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#shadow-color">shadow_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#shadow-opa">shadow_opa</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#line">Line</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#line-width">line_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#line-dash-width">line_dash_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#line-dash-gap">line_dash_gap</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#line-rounded">line_rounded</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#line-color">line_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#line-opa">line_opa</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style-props.html#arc">Arc</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#arc-width">arc_width</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#arc-rounded">arc_rounded</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#arc-color">arc_color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#arc-opa">arc_opa</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style-props.html#arc-img-src">arc_img_src</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/scroll.html">Scroll</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/scroll.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#scrollbar">Scrollbar</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#events">Events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/scroll.html#basic-example">Basic example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/scroll.html#features-of-scrolling">Features of scrolling</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#scrollable">Scrollable</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#scroll-chain">Scroll chain</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#scroll-momentum">Scroll momentum</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#elastic-scroll">Elastic scroll</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#snapping">Snapping</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#scroll-one">Scroll one</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#scroll-on-focus">Scroll on focus</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/scroll.html#scroll-manually">Scroll manually</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/scroll.html#self-size">Self size</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/scroll.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/scroll.html#micropython">MicroPython</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/layer.html">Layers</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/layer.html#order-of-creation">Order of creation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/layer.html#bring-to-the-foreground">Bring to the foreground</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/layer.html#top-and-sys-layers">Top and sys layers</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/event.html">Events</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#add-events-to-the-object">Add events to the object</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#remove-event-s-from-an-object">Remove event(s) from an object</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#event-codes">Event codes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#input-device-events">Input device events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#drawing-events">Drawing events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#other-events">Other events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#special-events">Special events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#custom-events">Custom events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#sending-events">Sending events</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#refresh-event">Refresh event</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#fields-of-lv-event-t">Fields of lv_event_t</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#event-bubbling">Event bubbling</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#micropython">MicroPython</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/indev.html">Input devices</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/indev.html#pointers">Pointers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/indev.html#keypad-and-encoder">Keypad and encoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#styling">Styling</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/indev.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#input-device">Input device</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#id1">Groups</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/display.html">Displays</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#multiple-display-support">Multiple display support</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#using-only-one-display">Using only one display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#mirror-display">Mirror display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#split-image">Split image</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#transparent-screens">Transparent screens</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#features-of-displays">Features of displays</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#inactivity">Inactivity</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#background">Background</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/color.html">Colors</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/color.html#creating-colors">Creating colors</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/color.html#rgb">RGB</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/color.html#hsv">HSV</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/color.html#palette">Palette</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/color.html#modify-and-mix-colors">Modify and mix colors</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/color.html#built-in-colors">Built-in colors</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/color.html#opacity">Opacity</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/color.html#color-types">Color types</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/color.html#convert-color">Convert color</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/color.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/font.html">Fonts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#unicode-support">Unicode support</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#built-in-fonts">Built-in fonts</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#normal-fonts">Normal fonts</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#special-fonts">Special fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#special-features">Special features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#bidirectional-support">Bidirectional support</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#arabic-and-persian-support">Arabic and Persian support</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#subpixel-rendering">Subpixel rendering</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#compress-fonts">Compress fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#add-new-font">Add new font</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#add-new-symbols">Add new symbols</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#load-font-at-run-time">Load font at run-time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#add-a-new-font-engine">Add a new font engine</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/image.html">Images</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#store-images">Store images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#variables">Variables</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#files">Files</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#color-formats">Color formats</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#add-and-use-images">Add and use images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#online-converter">Online converter</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#manually-create-an-image">Manually create an image</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#use-images">Use images</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#image-decoder">Image decoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#custom-image-formats">Custom image formats</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#register-an-image-decoder">Register an image decoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#manually-use-an-image-decoder">Manually use an image decoder</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#image-caching">Image caching</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#cache-size">Cache size</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#value-of-images">Value of images</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#memory-usage">Memory usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#clean-the-cache">Clean the cache</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#image-buffer">Image buffer</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/file-system.html">File system</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#ready-to-use-drivers">Ready to use drivers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#add-a-driver">Add a driver</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/file-system.html#registering-a-driver">Registering a driver</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/file-system.html#implementing-the-callbacks">Implementing the callbacks</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/file-system.html#other-callbacks">Other callbacks</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#usage-example">Usage example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#use-drivers-for-images">Use drivers for images</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/animation.html">Animations</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#create-an-animation">Create an animation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#animation-path">Animation path</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#speed-vs-time">Speed vs time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#delete-animations">Delete animations</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/animation.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/animation.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/timer.html">Timers</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#create-a-timer">Create a timer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#ready-and-reset">Ready and Reset</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#set-parameters">Set parameters</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#repeat-count">Repeat count</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#measure-idle-time">Measure idle time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#asynchronous-calls">Asynchronous calls</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/timer.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/drawing.html">Drawing</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/drawing.html#mechanism-of-screen-refreshing">Mechanism of screen refreshing</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/drawing.html#masking">Masking</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/drawing.html#hook-drawing">Hook drawing</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/drawing.html#main-drawing">Main drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/drawing.html#post-drawing">Post drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/drawing.html#part-drawing">Part drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/drawing.html#others">Others</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/new_widget.html">New widget</a></li>
</ul>
</li>
<li class="toctree-l1 current"><a class="reference internal" href="index.html">Widgets</a><ul class="current">
<li class="toctree-l2 current"><a class="current reference internal" href="#">Base object (lv_obj)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#coordinates">Coordinates</a></li>
<li class="toctree-l4"><a class="reference internal" href="#parents-and-children">Parents and children</a></li>
<li class="toctree-l4"><a class="reference internal" href="#screens">Screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="#styles">Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="#flags">Flags</a></li>
<li class="toctree-l4"><a class="reference internal" href="#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="#extended-click-area">Extended click area</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#id1">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="core/index.html">Core widgets</a><ul>
<li class="toctree-l3"><a class="reference internal" href="core/arc.html">Arc (lv_arc)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/arc.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/bar.html">Bar (lv_bar)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/bar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/btn.html">Button (lv_btn)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/btnmatrix.html">Button matrix (lv_btnmatrix)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/btnmatrix.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/canvas.html">Canvas (lv_canvas)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/canvas.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/checkbox.html">Checkbox (lv_checkbox)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/checkbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/dropdown.html">Drop-down list (lv_dropdown)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#id1">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/dropdown.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/img.html">Image (lv_img)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#transformations">Transformations</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/img.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/label.html">Label (lv_label)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/label.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/line.html">Line (lv_line)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/line.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/roller.html">Roller (lv_roller)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/roller.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/slider.html">Slider (lv_slider)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/slider.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/switch.html">Switch (lv_switch)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/switch.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/table.html">Table (lv_table)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/table.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="core/textarea.html">Text area (lv_textarea)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="core/textarea.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="extra/index.html">Extra widgets</a><ul>
<li class="toctree-l3"><a class="reference internal" href="extra/calendar.html">Calendar (lv_calendar)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#headers">Headers</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/calendar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/chart.html">Chart (lv_chart)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/chart.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/colorwheel.html">Color wheel (lv_colorwheel)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/colorwheel.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/imgbtn.html">Image button (lv_imgbtn)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/imgbtn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/keyboard.html">Keyboard (lv_keyboard)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#examples">Examples</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/keyboard.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/led.html">LED (lv_led)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/led.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/list.html">List (lv_list)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/list.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/meter.html">Meter (lv_meter)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/meter.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/msgbox.html">Message box (lv_msgbox)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/msgbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/span.html">Span (lv_span)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/span.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/spinbox.html">Spinbox (lv_spinbox)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#api">API</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinbox.html#id1">Example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/spinner.html">Spinner (lv_spinner)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/spinner.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/tabview.html">Tabview (lv_tabview)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tabview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/tileview.html">Tile view (lv_tileview)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/tileview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="extra/win.html">Window (lv_win)</a><ul>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#overview">Overview</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#parts-and-styles">Parts and Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#usage">Usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#get-the-parts">Get the parts</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#keys">Keys</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#example">Example</a></li>
<li class="toctree-l4"><a class="reference internal" href="extra/win.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../layouts/index.html">Layouts</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../layouts/flex.html">Flex</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#terms">Terms</a></li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#simple-interface">Simple interface</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#flex-flow">Flex flow</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#flex-align">Flex align</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#flex-grow">Flex grow</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#style-interface">Style interface</a></li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#other-features">Other features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#rtl">RTL</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#new-track">New track</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/flex.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/flex.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../layouts/grid.html">Grid</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#terms">Terms</a></li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#simple-interface">Simple interface</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../layouts/grid.html#grid-descriptors">Grid descriptors</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/grid.html#grid-items">Grid items</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/grid.html#grid-align">Grid align</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#style-interface">Style interface</a></li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#other-features">Other features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../layouts/grid.html#rtl">RTL</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../layouts/grid.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="../layouts/grid.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../layouts/grid.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../CONTRIBUTING.html">Contributing</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../CONTRIBUTING.html#introduction">Introduction</a></li>
<li class="toctree-l2"><a class="reference internal" href="../CONTRIBUTING.html#pull-request">Pull request</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#from-github">From GitHub</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#from-command-line">From command line</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CONTRIBUTING.html#developer-certification-of-origin-dco">Developer Certification of Origin (DCO)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#accepted-licenses-and-copyright-notices">Accepted licenses and copyright notices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../CONTRIBUTING.html#your-own-work">Your own work</a></li>
<li class="toctree-l4"><a class="reference internal" href="../CONTRIBUTING.html#use-code-from-online-source">Use code from online source</a></li>
<li class="toctree-l4"><a class="reference internal" href="../CONTRIBUTING.html#use-mit-licensed-code">Use MIT licensed code</a></li>
<li class="toctree-l4"><a class="reference internal" href="../CONTRIBUTING.html#use-gpl-licensed-code">Use GPL licensed code</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CONTRIBUTING.html#ways-to-contribute">Ways to contribute</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#give-lvgl-a-star">Give LVGL a Star</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#tell-what-you-have-achieved">Tell what you have achieved</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#write-examples">Write examples</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#improve-the-docs">Improve the docs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#report-bugs">Report bugs</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#send-fixes">Send fixes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#join-the-conversations-in-the-forum">Join the conversations in the Forum</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#add-features">Add features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#become-a-maintainer">Become a maintainer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CONTRIBUTING.html#move-your-project-repository-under-lvgl-organization">Move your project repository under LVGL organization</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../CHANGELOG.html">Changelog</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v8-0-2-16-07-2021">v8.0.2 (16.07.2021)</a></li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v8-0-1-14-06-2021">v8.0.1 (14.06.2021)</a></li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v8-0-0-01-06-2021">v8.0.0 (01.06.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#directory-structure">Directory structure</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#widget-changes">Widget changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-scrolling">New scrolling</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-layouts">New layouts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#driver-changes">Driver changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#other-changes">Other changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-release-policy">New release policy</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#migrating-from-v7-to-v8">Migrating from v7 to v8</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-11-0-16-03-2021">v7.11.0 (16.03.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-features">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#bugfixes">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-10-1-16-02-2021">v7.10.1 (16.02.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id1">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-10-0-02-02-2021">v7.10.0 (02.02.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id2">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id3">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-9-1-19-01-2021">v7.9.1 (19.01.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id4">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-9-0-05-01-2021">v7.9.0 (05.01.2021)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id5">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id6">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-8-1-15-12-2020">v7.8.1 (15.12.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id7">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-8-0-01-12-2020">v7.8.0 (01.12.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id8">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id9">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-7-2-17-11-2020">v7.7.2 (17.11.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id10">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-7-1-03-11-2020">v7.7.1 (03.11.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id11">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-7-0-20-10-2020">v7.7.0 (20.10.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id12">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id13">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-6-1-06-10-2020">v7.6.1 (06.10.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id14">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-6-0-22-09-2020">v7.6.0 (22.09.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id15">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id16">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-5-0-15-09-2020">v7.5.0 (15.09.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id17">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id18">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-4-0-01-09-2020">v7.4.0 (01.09.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id19">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id20">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-3-1-18-08-2020">v7.3.1 (18.08.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id21">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-3-0-04-08-2020">v7.3.0 (04.08.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id22">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id23">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-2-0-21-07-2020">v7.2.0 (21.07.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id24">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id25">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-1-0-07-07-2020">v7.1.0 (07.07.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id26">New features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id27">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-0-2-16-06-2020">v7.0.2 (16.06.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id28">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-0-1-01-06-2020">v7.0.1 (01.06.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id29">Bugfixes</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../CHANGELOG.html#v7-0-0-18-05-2020">v7.0.0 (18.05.2020)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#documentation">Documentation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#legal-changes">Legal changes</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-drawing-system">New drawing system</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-style-system">New style system</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#gpu-integration">GPU integration</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#renames">Renames</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#reworked-and-improved-object">Reworked and improved object</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#new-object-types">New object types</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#others">Others</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#demos">Demos</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#id30">New release policy</a></li>
<li class="toctree-l3"><a class="reference internal" href="../CHANGELOG.html#migrating-from-v6-to-v7">Migrating from v6 to v7</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../ROADMAP.html">Roadmap</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../ROADMAP.html#v8-x">v8.X</a></li>
<li class="toctree-l2"><a class="reference internal" href="../ROADMAP.html#ideas">Ideas</a></li>
<li class="toctree-l2"><a class="reference internal" href="../ROADMAP.html#v8">v8</a></li>
</ul>
</li>
</ul>

            
          
        </div>
        
      </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      
      <nav class="wy-nav-top" aria-label="top navigation">
        
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="../index.html">LVGL</a>
        
      </nav>


      <div class="wy-nav-content">
        
        <div class="rst-content">
        
          



















<div role="navigation" aria-label="breadcrumbs navigation">

  <ul class="wy-breadcrumbs">
    
      <li><a href="../index.html" class="icon icon-home"></a> &raquo;</li>
        
          <li><a href="index.html">Widgets</a> &raquo;</li>
        
      <li>Base object (lv_obj)</li>
    
    
      <li class="wy-breadcrumbs-aside">
        
          
            
              <!-- User defined GitHub URL -->
              <a href="https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/docs/widgets/obj.md" class="fa fa-github"> Edit on GitHub</a>
            
          
        
      </li>
    
  </ul>

  
  <hr/>
</div>
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
           <div itemprop="articleBody">
            
  <div class="section" id="base-object-lv-obj">
<h1>Base object (lv_obj)<a class="headerlink" href="#base-object-lv-obj" title="Permalink to this headline">¶</a></h1>
<div class="section" id="overview">
<h2>Overview<a class="headerlink" href="#overview" title="Permalink to this headline">¶</a></h2>
<p>The 'Base Object' implements the basic properties of widgets on a screen, such as:</p>
<ul class="simple">
<li><p>coordinates</p></li>
<li><p>parent object</p></li>
<li><p>children</p></li>
<li><p>contains the styles</p></li>
<li><p>attributes like <em>Clickable</em>, <em>Scrollable</em>, etc.</p></li>
</ul>
<p>In object-oriented thinking, it is the base class from which all other objects in LVGL are inherited.</p>
<p>The functions and functionalities of the Base object can be used with other widgets too. For example <code class="docutils literal notranslate"><span class="pre">lv_obj_set_width(slider,</span> <span class="pre">100)</span></code></p>
<p>The Base object can be directly used as a simple widget: it nothing else than a rectangle. In HTML terms, think of it as a <code class="docutils literal notranslate"><span class="pre">&lt;div&gt;</span></code>.</p>
<div class="section" id="coordinates">
<h3>Coordinates<a class="headerlink" href="#coordinates" title="Permalink to this headline">¶</a></h3>
<p>Only a small subset of coordinate settings is described here. To see all the features of LVGL (padding, coordinates in styles, layouts, etc) visit the <a class="reference internal" href="../overview/coords.html"><span class="doc">Coordinates</span></a> page.</p>
<div class="section" id="size">
<h4>Size<a class="headerlink" href="#size" title="Permalink to this headline">¶</a></h4>
<p>The object size can be modified on individual axes with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_width(obj,</span> <span class="pre">new_width)</span></code> and <code class="docutils literal notranslate"><span class="pre">lv_obj_set_height(obj,</span> <span class="pre">new_height)</span></code>, or both axes can be modified at the same time with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_size(obj,</span> <span class="pre">new_width,</span> <span class="pre">new_height)</span></code>.</p>
</div>
<div class="section" id="position">
<h4>Position<a class="headerlink" href="#position" title="Permalink to this headline">¶</a></h4>
<p>You can set the position relative to the parent with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_x(obj,</span> <span class="pre">new_x)</span></code> and <code class="docutils literal notranslate"><span class="pre">lv_obj_set_y(obj,</span> <span class="pre">new_y)</span></code>, or both axes at the same time with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_pos(obj,</span> <span class="pre">new_x,</span> <span class="pre">new_y)</span></code>.</p>
</div>
<div class="section" id="alignment">
<h4>Alignment<a class="headerlink" href="#alignment" title="Permalink to this headline">¶</a></h4>
<p>You can align the object on its parent with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_align(obj,</span> <span class="pre">LV_ALIGN_...)</span></code>. After this every x and y setting will be ralitive to the set alignment mode.
For example a this will shift the object by 10;20 px from the center of its parent.</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="n">lv_obj_set_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">);</span>
<span class="n">lv_obj_set_pos</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>

<span class="c1">//Or in one function</span>
<span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">10</span><span class="p">,</span> <span class="mi">20</span><span class="p">);</span>
</pre></div>
</div>
<p>To align one object to another use <code class="docutils literal notranslate"><span class="pre">lv_obj_align_to(obj_to_align,</span> <span class="pre">obj_referece,</span> <span class="pre">LV_ALIGN_...,</span> <span class="pre">x,</span> <span class="pre">y)</span></code></p>
<p>For example, to align a text below an image: <code class="docutils literal notranslate"><span class="pre">lv_obj_align(text,</span> <span class="pre">image,</span> <span class="pre">LV_ALIGN_OUT_BOTTOM_MID,</span> <span class="pre">0,</span> <span class="pre">10)</span></code>.</p>
<p>The following align types exist:
<img alt="../_images/align.png" src="../_images/align.png" /></p>
</div>
</div>
<div class="section" id="parents-and-children">
<h3>Parents and children<a class="headerlink" href="#parents-and-children" title="Permalink to this headline">¶</a></h3>
<p>You can set a new parent for an object with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_parent(obj,</span> <span class="pre">new_parent)</span></code>. To get the current parent, use <code class="docutils literal notranslate"><span class="pre">lv_obj_get_parent(obj)</span></code>.</p>
<p>To get a specific children of a parent use <code class="docutils literal notranslate"><span class="pre">lv_obj_get_child(parent,</span> <span class="pre">idx)</span></code>. Some examples for <code class="docutils literal notranslate"><span class="pre">idx</span></code>:</p>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">0</span></code> get the child created first child</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">1</span></code> get the child created second</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">-1</span></code> get the child created last</p></li>
</ul>
<p>The children can be iterated lke this</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="kt">uint32_t</span> <span class="n">i</span><span class="p">;</span>
<span class="k">for</span><span class="p">(</span><span class="n">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="n">i</span> <span class="o">&lt;</span> <span class="n">lv_obj_get_child_cnt</span><span class="p">(</span><span class="n">parent</span><span class="p">);</span> <span class="n">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span>
  <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">child</span> <span class="o">=</span> <span class="n">lv_obj_get_child</span><span class="p">(</span><span class="n">paernt</span><span class="p">,</span> <span class="n">i</span><span class="p">);</span>
  <span class="cm">/*Do something with child*/</span>
<span class="p">}</span>
</pre></div>
</div>
<p><code class="docutils literal notranslate"><span class="pre">lv_obj_get_child_id(obj)</span></code> returns the index of the object. That is how many younger children its parent has.</p>
<p>You can bring an object to the foreground or send it to the background with <code class="docutils literal notranslate"><span class="pre">lv_obj_move_foreground(obj)</span></code> and <code class="docutils literal notranslate"><span class="pre">lv_obj_move_background(obj)</span></code>.</p>
</div>
<div class="section" id="screens">
<h3>Screens<a class="headerlink" href="#screens" title="Permalink to this headline">¶</a></h3>
<p>When you have created a screen like <code class="docutils literal notranslate"><span class="pre">lv_obj_t</span> <span class="pre">*</span> <span class="pre">screen</span> <span class="pre">=</span> <span class="pre">lv_obj_create(NULL)</span></code>, you can load it with <code class="docutils literal notranslate"><span class="pre">lv_scr_load(screen)</span></code>. The <code class="docutils literal notranslate"><span class="pre">lv_scr_act()</span></code> function gives you a pointer to the current screen.</p>
<p>If you have multiple displays then it's important to know that these functions operate on the most-recently created or on the explicitly selected (with <code class="docutils literal notranslate"><span class="pre">lv_disp_set_default</span></code>) display.</p>
<p>To get an object's screen use the <code class="docutils literal notranslate"><span class="pre">lv_obj_get_screen(obj)</span></code> function.</p>
</div>
<div class="section" id="events">
<h3>Events<a class="headerlink" href="#events" title="Permalink to this headline">¶</a></h3>
<p>To set an event callback for an object, use <code class="docutils literal notranslate"><span class="pre">lv_obj_add_event_cb(obj,</span> <span class="pre">event_cb,</span> <span class="pre">LV_EVENT_...,</span> <span class="pre">user_data)</span></code>,</p>
<p>To manually send an event to an object, use <code class="docutils literal notranslate"><span class="pre">lv_event_send(obj,</span> <span class="pre">LV_EVENT_...,</span> <span class="pre">param)</span></code></p>
<p>Read the <a class="reference internal" href="../overview/event.html"><span class="doc">Event overview</span></a> to learn more about the events.</p>
</div>
<div class="section" id="styles">
<h3>Styles<a class="headerlink" href="#styles" title="Permalink to this headline">¶</a></h3>
<p>Be sure to read the <a class="reference internal" href="../overview/style.html"><span class="doc">Style overview</span></a>. Here only the most essential functions are described.</p>
<p>A new style can be added to an object with <code class="docutils literal notranslate"><span class="pre">lv_obj_add_style(obj,</span> <span class="pre">&amp;new_style,</span> <span class="pre">selector)</span></code> function.
<code class="docutils literal notranslate"><span class="pre">selector</span></code> is a combination of part and state(s). E.g. <code class="docutils literal notranslate"><span class="pre">LV_PART_SCROLLBAR</span> <span class="pre">|</span> <span class="pre">LV_STATE_PRESSED</span></code>.</p>
<p>The base objects use <code class="docutils literal notranslate"><span class="pre">LV_PART_MAIN</span></code> style properties and <code class="docutils literal notranslate"><span class="pre">LV_PART_SCROLLBAR</span></code> with the typical backgroud style properties.</p>
</div>
<div class="section" id="flags">
<h3>Flags<a class="headerlink" href="#flags" title="Permalink to this headline">¶</a></h3>
<p>There are some attributes which can be enabled/disabled by <code class="docutils literal notranslate"><span class="pre">lv_obj_add/clear_flag(obj,</span> <span class="pre">LV_OBJ_FLAG_...)</span></code>:</p>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_HIDDEN</span></code>  Make the object hidden. (Like it wasn't there at all)</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_CLICKABLE</span></code>  Make the object clickable by the input devices</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_CLICK_FOCUSABLE</span></code>  Add focused state to the object when clicked</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_CHECKABLE</span></code>  Toggle checked state when the object is clicked</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SCROLLABLE</span></code>  Make the object scrollable</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SCROLL_ELASTIC</span></code>  Allow scrolling inside but with slower speed</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SCROLL_MOMENTUM</span></code>  Make the object scroll further when &quot;thrown&quot;</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SCROLL_ONE</span></code> Allow scrolling only one snapable children</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SCROLL_CHAIN</span></code>  Allow propagating the scroll to a parent</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SCROLL_ON_FOCUS</span></code>  Automatically scroll object to make it visible when focused</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_SNAPABLE</span></code> If scroll snap is enabled on the parent it can snap to this object</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_PRESS_LOCK</span></code> Keep the object pressed even if the press slid from the object</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_EVENT_BUBBLE</span></code> Propagate the events to the parent too</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_GESTURE_BUBBLE</span></code> Propagate the gestures to the parent</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_ADV_HITTEST</span></code> Allow performing more accurate hit (click) test. E.g. consider rounded corners.</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_IGNORE_LAYOUT</span></code> Make the object position-able by the layouts</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_FLOATING</span></code> Do not scroll the object when the parent scrolls and ignore layout</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_LAYOUT_1</span></code>  Custom flag, free to use by layouts</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_LAYOUT_2</span></code>  Custom flag, free to use by layouts</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_WIDGET_1</span></code>  Custom flag, free to use by widget</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_WIDGET_2</span></code>  Custom flag, free to use by widget</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_USER_1</span></code>  Custom flag, free to use by user</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_USER_2</span></code>  Custom flag, free to use by user</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_USER_3</span></code>  Custom flag, free to use by user</p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_USER_4</span></code>  Custom flag, free to use by usersection.</p></li>
</ul>
<p>Some examples:</p>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cm">/*Hide on object*/</span>
<span class="n">lv_obj_add_flag</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_FLAG_HIDDEN</span><span class="p">);</span>

<span class="cm">/*Make an obejct non-clickable*/</span>
<span class="n">lv_obj_clear_flag</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">LV_OBJ_FLAG_CLICKABLE</span><span class="p">);</span>
</pre></div>
</div>
</div>
<div class="section" id="groups">
<h3>Groups<a class="headerlink" href="#groups" title="Permalink to this headline">¶</a></h3>
<p>Read the <a class="reference internal" href="../overview/indev.html"><span class="doc">Input devices overview</span></a> to learn more about the <em>Groups</em>.</p>
<p>Objects are added to a <em>group</em> with <code class="docutils literal notranslate"><span class="pre">lv_group_add_obj(group,</span> <span class="pre">obj)</span></code>, and you can use <code class="docutils literal notranslate"><span class="pre">lv_obj_get_group(obj)</span></code> to see which group an object belongs to.</p>
<p><code class="docutils literal notranslate"><span class="pre">lv_obj_is_focused(obj)</span></code> returns if the object is currently focused on its group or not. If the object is not added to a group, <code class="docutils literal notranslate"><span class="pre">false</span></code> will be returned.</p>
</div>
<div class="section" id="extended-click-area">
<h3>Extended click area<a class="headerlink" href="#extended-click-area" title="Permalink to this headline">¶</a></h3>
<p>By default, the objects can be clicked only on their coordinates, however, this area can be extended with <code class="docutils literal notranslate"><span class="pre">lv_obj_set_ext_click_area(obj,</span> <span class="pre">size)</span></code>.</p>
</div>
</div>
<div class="section" id="id1">
<h2>Events<a class="headerlink" href="#id1" title="Permalink to this headline">¶</a></h2>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">LV_EVENT_VALUE_CHANGED</span></code> when the <code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_CHECKABLE</span></code> flag is enabled and the object clicked (on transition to/from the checked state)</p></li>
</ul>
<p>Learn more about <a class="reference internal" href="../overview/event.html"><span class="doc">Events</span></a>.</p>
</div>
<div class="section" id="keys">
<h2>Keys<a class="headerlink" href="#keys" title="Permalink to this headline">¶</a></h2>
<p>If <code class="docutils literal notranslate"><span class="pre">LV_OBJ_FLAG_CHECKABLE</span></code> is enabled <code class="docutils literal notranslate"><span class="pre">LV_KEY_RIGHT</span></code> and <code class="docutils literal notranslate"><span class="pre">LV_KEY_UP</span></code> make the object checked, and <code class="docutils literal notranslate"><span class="pre">LV_KEY_LEFT</span></code> and <code class="docutils literal notranslate"><span class="pre">LV_KEY_DOWN</span></code> make it unchecked.</p>
<p>Learn more about <a class="reference internal" href="../overview/indev.html"><span class="doc">Keys</span></a>.</p>
</div>
<div class="section" id="example">
<h2>Example<a class="headerlink" href="#example" title="Permalink to this headline">¶</a></h2>
<div class="section" id="c">
<h3>C<a class="headerlink" href="#c" title="Permalink to this headline">¶</a></h3>
<div class="section" id="base-objects-with-custom-styles">
<h4>Base objects with custom styles<a class="headerlink" href="#base-objects-with-custom-styles" title="Permalink to this headline">¶</a></h4>
<iframe class='lv-example' src='/8.0/_static/built_lv_examples/index.html?example=lv_example_obj_1&w=320&h=240'></iframe><div class="toggle docutils container">
<div class="header docutils container">
<p>code &nbsp; <a class='fa fa-github' href='https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/examples/widgets/obj/lv_example_obj_1.c'>&nbsp; view on GitHub</a></p></div>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>
<span class="cp">#if LV_BUILD_EXAMPLES</span>

<span class="kt">void</span> <span class="nf">lv_example_obj_1</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj1</span><span class="p">;</span>
    <span class="n">obj1</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">obj1</span><span class="p">,</span> <span class="mi">100</span><span class="p">,</span> <span class="mi">50</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj1</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">-60</span><span class="p">,</span> <span class="mi">-30</span><span class="p">);</span>

    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style_shadow</span><span class="p">;</span>
    <span class="n">lv_style_init</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_shadow</span><span class="p">);</span>
    <span class="n">lv_style_set_shadow_width</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_shadow</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>
    <span class="n">lv_style_set_shadow_spread</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_shadow</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span>
    <span class="n">lv_style_set_shadow_color</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_shadow</span><span class="p">,</span> <span class="n">lv_palette_main</span><span class="p">(</span><span class="n">LV_PALETTE_BLUE</span><span class="p">));</span>

    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj2</span><span class="p">;</span>
    <span class="n">obj2</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_add_style</span><span class="p">(</span><span class="n">obj2</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style_shadow</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">obj2</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="mi">30</span><span class="p">);</span>
<span class="p">}</span>
<span class="cp">#endif</span>
</pre></div>
</div>
</div>
</div>
<div class="section" id="make-an-object-draggable">
<h4>Make an object draggable<a class="headerlink" href="#make-an-object-draggable" title="Permalink to this headline">¶</a></h4>
<iframe class='lv-example' src='/8.0/_static/built_lv_examples/index.html?example=lv_example_obj_2&w=320&h=240'></iframe><div class="toggle docutils container">
<div class="header docutils container">
<p>code &nbsp; <a class='fa fa-github' href='https://github.com/lvgl/lvgl/blob/5d0ba633a5dc8bb1c3e3714461b6839f205a69fa/examples/widgets/obj/lv_example_obj_2.c'>&nbsp; view on GitHub</a></p></div>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;../../lv_examples.h&quot;</span><span class="cp"></span>
<span class="cp">#if LV_BUILD_EXAMPLES</span>

<span class="k">static</span> <span class="kt">void</span> <span class="nf">drag_event_handler</span><span class="p">(</span><span class="n">lv_event_t</span> <span class="o">*</span> <span class="n">e</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_event_get_target</span><span class="p">(</span><span class="n">e</span><span class="p">);</span>

    <span class="n">lv_indev_t</span> <span class="o">*</span> <span class="n">indev</span> <span class="o">=</span> <span class="n">lv_indev_get_act</span><span class="p">();</span>
    <span class="n">lv_point_t</span> <span class="n">vect</span><span class="p">;</span>
    <span class="n">lv_indev_get_vect</span><span class="p">(</span><span class="n">indev</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">vect</span><span class="p">);</span>

    <span class="n">lv_coord_t</span> <span class="n">x</span> <span class="o">=</span> <span class="n">lv_obj_get_x</span><span class="p">(</span><span class="n">obj</span><span class="p">)</span> <span class="o">+</span> <span class="n">vect</span><span class="p">.</span><span class="n">x</span><span class="p">;</span>
    <span class="n">lv_coord_t</span> <span class="n">y</span> <span class="o">=</span> <span class="n">lv_obj_get_y</span><span class="p">(</span><span class="n">obj</span><span class="p">)</span> <span class="o">+</span> <span class="n">vect</span><span class="p">.</span><span class="n">y</span><span class="p">;</span>
    <span class="n">lv_obj_set_pos</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">x</span><span class="p">,</span> <span class="n">y</span><span class="p">);</span>
<span class="p">}</span>


<span class="cm">/**</span>
<span class="cm"> * Make an object dragable.</span>
<span class="cm"> */</span>
<span class="kt">void</span> <span class="nf">lv_example_obj_2</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">obj</span><span class="p">;</span>
    <span class="n">obj</span> <span class="o">=</span> <span class="n">lv_obj_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">());</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span>
    <span class="n">lv_obj_add_event_cb</span><span class="p">(</span><span class="n">obj</span><span class="p">,</span> <span class="n">drag_event_handler</span><span class="p">,</span> <span class="n">LV_EVENT_PRESSING</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>

    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">label</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">obj</span><span class="p">);</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="s">&quot;Drag me&quot;</span><span class="p">);</span>
    <span class="n">lv_obj_center</span><span class="p">(</span><span class="n">label</span><span class="p">);</span>

<span class="p">}</span>
<span class="cp">#endif</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="section" id="micropython">
<h3>MicroPython<a class="headerlink" href="#micropython" title="Permalink to this headline">¶</a></h3>
<p>No examples yet.</p>
</div>
</div>
<div class="section" id="api">
<h2>API<a class="headerlink" href="#api" title="Permalink to this headline">¶</a></h2>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-typedefs">Typedefs</p>
<dl class="cpp type">
<dt class="sig sig-object cpp" id="_CPPv410lv_state_t">
<span id="_CPPv310lv_state_t"></span><span id="_CPPv210lv_state_t"></span><span id="lv_state_t"></span><span class="target" id="lv__obj_8h_1a6a2a787185848ca20a71ca29900721ff"></span><span class="k"><span class="pre">typedef</span></span><span class="w"> </span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_state_t</span></span></span><a class="headerlink" href="#_CPPv410lv_state_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt class="sig sig-object cpp" id="_CPPv49lv_part_t">
<span id="_CPPv39lv_part_t"></span><span id="_CPPv29lv_part_t"></span><span id="lv_part_t"></span><span class="target" id="lv__obj_8h_1a3af359a63358e5fc794a84c4d586d744"></span><span class="k"><span class="pre">typedef</span></span><span class="w"> </span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_part_t</span></span></span><a class="headerlink" href="#_CPPv49lv_part_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt class="sig sig-object cpp" id="_CPPv413lv_obj_flag_t">
<span id="_CPPv313lv_obj_flag_t"></span><span id="_CPPv213lv_obj_flag_t"></span><span id="lv_obj_flag_t"></span><span class="target" id="lv__obj_8h_1a8d31d58e68ad0349ffdf0c6b4f37afd7"></span><span class="k"><span class="pre">typedef</span></span><span class="w"> </span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_flag_t</span></span></span><a class="headerlink" href="#_CPPv413lv_obj_flag_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt class="sig sig-object cpp" id="_CPPv48lv_obj_t">
<span id="_CPPv38lv_obj_t"></span><span id="_CPPv28lv_obj_t"></span><span id="lv_obj_t"></span><span class="target" id="lv__obj_8h_1a01de9a127bcf589bd7d0c695a429b158"></span><span class="k"><span class="pre">typedef</span></span><span class="w"> </span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv49_lv_obj_t" title="_lv_obj_t"><span class="n"><span class="pre">_lv_obj_t</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_t</span></span></span><a class="headerlink" href="#_CPPv48lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-enums">Enums</p>
<dl class="cpp enum">
<dt class="sig sig-object cpp" id="_CPPv4Ut1_1">
<span id="_CPPv3Ut1_1"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7"></span><span class="k"><span class="pre">enum</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">[anonymous]</span></span></span><a class="headerlink" href="#_CPPv4Ut1_1" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Possible states of a widget. OR-ed values are possible </p>
<p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_116LV_STATE_DEFAULTE">
<span id="_CPPv3NUt1_116LV_STATE_DEFAULTE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a9817cb0d3c0e422c1f63901d4d92e8c3"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_DEFAULT</span></span></span><a class="headerlink" href="#_CPPv4NUt1_116LV_STATE_DEFAULTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_116LV_STATE_CHECKEDE">
<span id="_CPPv3NUt1_116LV_STATE_CHECKEDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a6fc6f742b7b193d9dad585f32826afcf"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_CHECKED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_116LV_STATE_CHECKEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_116LV_STATE_FOCUSEDE">
<span id="_CPPv3NUt1_116LV_STATE_FOCUSEDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a5fb9f48f09dbcf9d45b0f79675e793cb"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_FOCUSED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_116LV_STATE_FOCUSEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_118LV_STATE_FOCUS_KEYE">
<span id="_CPPv3NUt1_118LV_STATE_FOCUS_KEYE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7acca6130ab5129b828f55e6a7cef77086"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_FOCUS_KEY</span></span></span><a class="headerlink" href="#_CPPv4NUt1_118LV_STATE_FOCUS_KEYE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_115LV_STATE_EDITEDE">
<span id="_CPPv3NUt1_115LV_STATE_EDITEDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a57be5d3fed5ca1d0519c0302a4517e8a"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_EDITED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_115LV_STATE_EDITEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_116LV_STATE_HOVEREDE">
<span id="_CPPv3NUt1_116LV_STATE_HOVEREDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7aa24f8fab93b0965e98f5ad3bafea48b8"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_HOVERED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_116LV_STATE_HOVEREDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_116LV_STATE_PRESSEDE">
<span id="_CPPv3NUt1_116LV_STATE_PRESSEDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a69673539aa92d84848a992fb3baea649"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_PRESSED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_116LV_STATE_PRESSEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_117LV_STATE_SCROLLEDE">
<span id="_CPPv3NUt1_117LV_STATE_SCROLLEDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7ab00530563be74cbb0a37351f9b481475"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_SCROLLED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_117LV_STATE_SCROLLEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_117LV_STATE_DISABLEDE">
<span id="_CPPv3NUt1_117LV_STATE_DISABLEDE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a63e18d3006cf8c0e73a5062782dce94b"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_DISABLED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_117LV_STATE_DISABLEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_115LV_STATE_USER_1E">
<span id="_CPPv3NUt1_115LV_STATE_USER_1E"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7ae8ad1159c50bfeb6107d028a7e7af498"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_USER_1</span></span></span><a class="headerlink" href="#_CPPv4NUt1_115LV_STATE_USER_1E" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_115LV_STATE_USER_2E">
<span id="_CPPv3NUt1_115LV_STATE_USER_2E"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a0314ac5161337bf62c12bbbccb489da0"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_USER_2</span></span></span><a class="headerlink" href="#_CPPv4NUt1_115LV_STATE_USER_2E" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_115LV_STATE_USER_3E">
<span id="_CPPv3NUt1_115LV_STATE_USER_3E"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7af2a3b0edc8523431954f43be7cfd60c7"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_USER_3</span></span></span><a class="headerlink" href="#_CPPv4NUt1_115LV_STATE_USER_3E" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_115LV_STATE_USER_4E">
<span id="_CPPv3NUt1_115LV_STATE_USER_4E"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a19339a643f37faa314a3a3f1616ce38a"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_USER_4</span></span></span><a class="headerlink" href="#_CPPv4NUt1_115LV_STATE_USER_4E" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_112LV_STATE_ANYE">
<span id="_CPPv3NUt1_112LV_STATE_ANYE"></span><span class="target" id="lv__obj_8h_1adf764cbdea00d65edcd07bb9953ad2b7a801cebe920a9b6b4d341e8eab3d19780"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_STATE_ANY</span></span></span><a class="headerlink" href="#_CPPv4NUt1_112LV_STATE_ANYE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Special value can be used in some functions to target all states </p>
</dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt class="sig sig-object cpp" id="_CPPv4Ut1_2">
<span id="_CPPv3Ut1_2"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5"></span><span class="k"><span class="pre">enum</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">[anonymous]</span></span></span><a class="headerlink" href="#_CPPv4Ut1_2" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>The possible parts of widgets. The parts can be considered as the internal building block of the widgets. E.g. slider = background + indicator + knob Note every part is used by every widget </p>
<p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_212LV_PART_MAINE">
<span id="_CPPv3NUt1_212LV_PART_MAINE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5a1bb7ac56fc509fb459eb8c6ef66ba103"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_MAIN</span></span></span><a class="headerlink" href="#_CPPv4NUt1_212LV_PART_MAINE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>A background like rectangle </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_217LV_PART_SCROLLBARE">
<span id="_CPPv3NUt1_217LV_PART_SCROLLBARE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5a48a8e6955fcde2f7679f5a8f6eb698b9"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_SCROLLBAR</span></span></span><a class="headerlink" href="#_CPPv4NUt1_217LV_PART_SCROLLBARE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>The scrollbar(s) </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_217LV_PART_INDICATORE">
<span id="_CPPv3NUt1_217LV_PART_INDICATORE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5ae1fb6dda668a19264aef30e0bfb0930d"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_INDICATOR</span></span></span><a class="headerlink" href="#_CPPv4NUt1_217LV_PART_INDICATORE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Indicator, e.g. for slider, bar, switch, or the tick box of the checkbox </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_212LV_PART_KNOBE">
<span id="_CPPv3NUt1_212LV_PART_KNOBE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5ac6ba6af416d9846b75ddc8b6be6192a5"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_KNOB</span></span></span><a class="headerlink" href="#_CPPv4NUt1_212LV_PART_KNOBE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Like handle to grab to adjust the value </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_216LV_PART_SELECTEDE">
<span id="_CPPv3NUt1_216LV_PART_SELECTEDE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5ab86fa09e396634c9a640a40e38621c40"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_SELECTED</span></span></span><a class="headerlink" href="#_CPPv4NUt1_216LV_PART_SELECTEDE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Indicate the currently selected option or section </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_213LV_PART_ITEMSE">
<span id="_CPPv3NUt1_213LV_PART_ITEMSE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5a90487e55bc86a255ad935ca1a0403261"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_ITEMS</span></span></span><a class="headerlink" href="#_CPPv4NUt1_213LV_PART_ITEMSE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Used if the widget has multiple similar elements (e.g. table cells) </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_213LV_PART_TICKSE">
<span id="_CPPv3NUt1_213LV_PART_TICKSE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5ae0170b805e83c2e360ccb90ba4fea9e6"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_TICKS</span></span></span><a class="headerlink" href="#_CPPv4NUt1_213LV_PART_TICKSE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Ticks on scale e.g. for a chart or meter </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_214LV_PART_CURSORE">
<span id="_CPPv3NUt1_214LV_PART_CURSORE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5a8416967120efaa63c3fa1ef0016fa503"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_CURSOR</span></span></span><a class="headerlink" href="#_CPPv4NUt1_214LV_PART_CURSORE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Mark a specific place e.g. for text area's cursor or on a chart </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_220LV_PART_CUSTOM_FIRSTE">
<span id="_CPPv3NUt1_220LV_PART_CUSTOM_FIRSTE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5a2acbdcd5f3a8e80920f5e8551b7abe16"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_CUSTOM_FIRST</span></span></span><a class="headerlink" href="#_CPPv4NUt1_220LV_PART_CUSTOM_FIRSTE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Extension point for custom widgets </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_211LV_PART_ANYE">
<span id="_CPPv3NUt1_211LV_PART_ANYE"></span><span class="target" id="lv__obj_8h_1a99fb83031ce9923c84392b4e92f956b5a20fb4a8bd26c73f27bab2c13cca4135c"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_PART_ANY</span></span></span><a class="headerlink" href="#_CPPv4NUt1_211LV_PART_ANYE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Special value can be used in some functions to target all parts </p>
</dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt class="sig sig-object cpp" id="_CPPv4Ut1_3">
<span id="_CPPv3Ut1_3"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04"></span><span class="k"><span class="pre">enum</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">[anonymous]</span></span></span><a class="headerlink" href="#_CPPv4Ut1_3" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>On/Off features controlling the object's behavior. OR-ed values are possible </p>
<p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_318LV_OBJ_FLAG_HIDDENE">
<span id="_CPPv3NUt1_318LV_OBJ_FLAG_HIDDENE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a897a3221874cb9d0e4e28a6d530755f2"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_HIDDEN</span></span></span><a class="headerlink" href="#_CPPv4NUt1_318LV_OBJ_FLAG_HIDDENE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Make the object hidden. (Like it wasn't there at all) </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_321LV_OBJ_FLAG_CLICKABLEE">
<span id="_CPPv3NUt1_321LV_OBJ_FLAG_CLICKABLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04ab9ba97b9e1ae0b3a4a5eca3d763e263b"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_CLICKABLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_321LV_OBJ_FLAG_CLICKABLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Make the object clickable by the input devices </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_327LV_OBJ_FLAG_CLICK_FOCUSABLEE">
<span id="_CPPv3NUt1_327LV_OBJ_FLAG_CLICK_FOCUSABLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04abc971d6f2cd12cf2fcdd7e8e28c964c6"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_CLICK_FOCUSABLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_327LV_OBJ_FLAG_CLICK_FOCUSABLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Add focused state to the object when clicked </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_321LV_OBJ_FLAG_CHECKABLEE">
<span id="_CPPv3NUt1_321LV_OBJ_FLAG_CHECKABLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a36ad28d2b06fff88a20e95952e58c937"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_CHECKABLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_321LV_OBJ_FLAG_CHECKABLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Toggle checked state when the object is clicked </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_322LV_OBJ_FLAG_SCROLLABLEE">
<span id="_CPPv3NUt1_322LV_OBJ_FLAG_SCROLLABLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04acd85fb802b95208772b4e124a87546ca"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SCROLLABLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_322LV_OBJ_FLAG_SCROLLABLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Make the object scrollable </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_326LV_OBJ_FLAG_SCROLL_ELASTICE">
<span id="_CPPv3NUt1_326LV_OBJ_FLAG_SCROLL_ELASTICE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04ae7d692b8ceaf005b55a1a1c70d87f315"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SCROLL_ELASTIC</span></span></span><a class="headerlink" href="#_CPPv4NUt1_326LV_OBJ_FLAG_SCROLL_ELASTICE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Allow scrolling inside but with slower speed </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_327LV_OBJ_FLAG_SCROLL_MOMENTUME">
<span id="_CPPv3NUt1_327LV_OBJ_FLAG_SCROLL_MOMENTUME"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a4fe2a1748c3b752cfad7b2f2e371f97c"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SCROLL_MOMENTUM</span></span></span><a class="headerlink" href="#_CPPv4NUt1_327LV_OBJ_FLAG_SCROLL_MOMENTUME" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Make the object scroll further when &quot;thrown&quot; </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_322LV_OBJ_FLAG_SCROLL_ONEE">
<span id="_CPPv3NUt1_322LV_OBJ_FLAG_SCROLL_ONEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04acd235b2da2988b6673679aa0d825f97f"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SCROLL_ONE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_322LV_OBJ_FLAG_SCROLL_ONEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Allow scrolling only one snapable children </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_324LV_OBJ_FLAG_SCROLL_CHAINE">
<span id="_CPPv3NUt1_324LV_OBJ_FLAG_SCROLL_CHAINE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04aa6df5b549b49eba61dd94129a9654c5b"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SCROLL_CHAIN</span></span></span><a class="headerlink" href="#_CPPv4NUt1_324LV_OBJ_FLAG_SCROLL_CHAINE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Allow propagating the scroll to a parent </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_327LV_OBJ_FLAG_SCROLL_ON_FOCUSE">
<span id="_CPPv3NUt1_327LV_OBJ_FLAG_SCROLL_ON_FOCUSE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04aad2d5f453aea4efc7c5c69735f8fedfc"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SCROLL_ON_FOCUS</span></span></span><a class="headerlink" href="#_CPPv4NUt1_327LV_OBJ_FLAG_SCROLL_ON_FOCUSE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Automatically scroll object to make it visible when focused </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_320LV_OBJ_FLAG_SNAPABLEE">
<span id="_CPPv3NUt1_320LV_OBJ_FLAG_SNAPABLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04ae899cd51de28917cbdeef09b7f53f021"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_SNAPABLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_320LV_OBJ_FLAG_SNAPABLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>If scroll snap is enabled on the parent it can snap to this object </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_322LV_OBJ_FLAG_PRESS_LOCKE">
<span id="_CPPv3NUt1_322LV_OBJ_FLAG_PRESS_LOCKE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a5f08ee3117d5cf0ed98950557015497b"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_PRESS_LOCK</span></span></span><a class="headerlink" href="#_CPPv4NUt1_322LV_OBJ_FLAG_PRESS_LOCKE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Keep the object pressed even if the press slid from the object </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_324LV_OBJ_FLAG_EVENT_BUBBLEE">
<span id="_CPPv3NUt1_324LV_OBJ_FLAG_EVENT_BUBBLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04ae16fa872a5e67efda3e21a2925dddd85"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_EVENT_BUBBLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_324LV_OBJ_FLAG_EVENT_BUBBLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Propagate the events to the parent too </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_326LV_OBJ_FLAG_GESTURE_BUBBLEE">
<span id="_CPPv3NUt1_326LV_OBJ_FLAG_GESTURE_BUBBLEE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a339e201d0291a4b7258a50141b47df3e"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_GESTURE_BUBBLE</span></span></span><a class="headerlink" href="#_CPPv4NUt1_326LV_OBJ_FLAG_GESTURE_BUBBLEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Propagate the gestures to the parent </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_323LV_OBJ_FLAG_ADV_HITTESTE">
<span id="_CPPv3NUt1_323LV_OBJ_FLAG_ADV_HITTESTE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04aab483aa0afd58b7df0c44e10b1ed73d1"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_ADV_HITTEST</span></span></span><a class="headerlink" href="#_CPPv4NUt1_323LV_OBJ_FLAG_ADV_HITTESTE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Allow performing more accurate hit (click) test. E.g. consider rounded corners. </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_325LV_OBJ_FLAG_IGNORE_LAYOUTE">
<span id="_CPPv3NUt1_325LV_OBJ_FLAG_IGNORE_LAYOUTE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a5278a16b8d997809825817354c2a836c"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_IGNORE_LAYOUT</span></span></span><a class="headerlink" href="#_CPPv4NUt1_325LV_OBJ_FLAG_IGNORE_LAYOUTE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Make the object position-able by the layouts </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_320LV_OBJ_FLAG_FLOATINGE">
<span id="_CPPv3NUt1_320LV_OBJ_FLAG_FLOATINGE"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04ad6fd2a95a8ca05bd35afd3393211677b"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_FLOATING</span></span></span><a class="headerlink" href="#_CPPv4NUt1_320LV_OBJ_FLAG_FLOATINGE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Do not scroll the object when the parent scrolls and ignore layout </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_320LV_OBJ_FLAG_LAYOUT_1E">
<span id="_CPPv3NUt1_320LV_OBJ_FLAG_LAYOUT_1E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a2a8087232ace4a32a3b84d5cceb0cf8a"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_LAYOUT_1</span></span></span><a class="headerlink" href="#_CPPv4NUt1_320LV_OBJ_FLAG_LAYOUT_1E" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_320LV_OBJ_FLAG_LAYOUT_2E">
<span id="_CPPv3NUt1_320LV_OBJ_FLAG_LAYOUT_2E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a2f926bc2c9a05243d3cefb33a6e019a2"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_LAYOUT_2</span></span></span><a class="headerlink" href="#_CPPv4NUt1_320LV_OBJ_FLAG_LAYOUT_2E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by layouts </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_320LV_OBJ_FLAG_WIDGET_1E">
<span id="_CPPv3NUt1_320LV_OBJ_FLAG_WIDGET_1E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a56ef045b9e3adf1f9b53993181b3f519"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_WIDGET_1</span></span></span><a class="headerlink" href="#_CPPv4NUt1_320LV_OBJ_FLAG_WIDGET_1E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by layouts </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_320LV_OBJ_FLAG_WIDGET_2E">
<span id="_CPPv3NUt1_320LV_OBJ_FLAG_WIDGET_2E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a13da2d5612d7eca837d153566fe5a88c"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_WIDGET_2</span></span></span><a class="headerlink" href="#_CPPv4NUt1_320LV_OBJ_FLAG_WIDGET_2E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by widget </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_318LV_OBJ_FLAG_USER_1E">
<span id="_CPPv3NUt1_318LV_OBJ_FLAG_USER_1E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04ade26c60c22b7b72d5b7f1c198a792e38"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_USER_1</span></span></span><a class="headerlink" href="#_CPPv4NUt1_318LV_OBJ_FLAG_USER_1E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by widget </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_318LV_OBJ_FLAG_USER_2E">
<span id="_CPPv3NUt1_318LV_OBJ_FLAG_USER_2E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a36aff389b54ace273398714fb679d293"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_USER_2</span></span></span><a class="headerlink" href="#_CPPv4NUt1_318LV_OBJ_FLAG_USER_2E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by user </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_318LV_OBJ_FLAG_USER_3E">
<span id="_CPPv3NUt1_318LV_OBJ_FLAG_USER_3E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a290cacf233e96ec97f1f9e475754def2"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_USER_3</span></span></span><a class="headerlink" href="#_CPPv4NUt1_318LV_OBJ_FLAG_USER_3E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by user </p>
</dd></dl>

<dl class="cpp enumerator">
<dt class="sig sig-object cpp" id="_CPPv4NUt1_318LV_OBJ_FLAG_USER_4E">
<span id="_CPPv3NUt1_318LV_OBJ_FLAG_USER_4E"></span><span class="target" id="lv__obj_8h_1abc6126af1d45847bc59afa0aa3216b04a32304027ab6e5bbddab828424b58bfe9"></span><span class="k"><span class="pre">enumerator</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">LV_OBJ_FLAG_USER_4</span></span></span><a class="headerlink" href="#_CPPv4NUt1_318LV_OBJ_FLAG_USER_4E" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Custom flag, free to use by user </p>
</dd></dl>

</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv47lv_initv">
<span id="_CPPv37lv_initv"></span><span id="_CPPv27lv_initv"></span><span id="lv_init__void"></span><span class="target" id="lv__obj_8h_1a666fa58edac1e61856b2a00fe60308a0"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_init</span></span></span><span class="sig-paren">(</span><span class="kt"><span class="pre">void</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv47lv_initv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Initialize LVGL library. Should be called before any other LVGL related function. </p>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv49lv_deinitv">
<span id="_CPPv39lv_deinitv"></span><span id="_CPPv29lv_deinitv"></span><span id="lv_deinit__void"></span><span class="target" id="lv__obj_8h_1a302a9934e9b77badac7f527b5116a156"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_deinit</span></span></span><span class="sig-paren">(</span><span class="kt"><span class="pre">void</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv49lv_deinitv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Deinit the 'lv' library Currently only implemented when not using custom allocators, or GC is enabled. </p>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv413lv_obj_createP8lv_obj_t">
<span id="_CPPv313lv_obj_createP8lv_obj_t"></span><span id="_CPPv213lv_obj_createP8lv_obj_t"></span><span id="lv_obj_create__lv_obj_tP"></span><span class="target" id="lv__obj_8h_1a3ec100c35eb3851993b1af37c3250dad"></span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_create</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">parent</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv413lv_obj_createP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Create a base object (a rectangle) </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>parent</strong> -- pointer to a parent object. If NULL then a screen will be created. </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>pointer to the new object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv415lv_obj_add_flagP8lv_obj_t13lv_obj_flag_t">
<span id="_CPPv315lv_obj_add_flagP8lv_obj_t13lv_obj_flag_t"></span><span id="_CPPv215lv_obj_add_flagP8lv_obj_t13lv_obj_flag_t"></span><span id="lv_obj_add_flag__lv_obj_tP.lv_obj_flag_t"></span><span class="target" id="lv__obj_8h_1a87fa70194789d48ea3dba01d1c28c984"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_add_flag</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv413lv_obj_flag_t" title="lv_obj_flag_t"><span class="n"><span class="pre">lv_obj_flag_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">f</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv415lv_obj_add_flagP8lv_obj_t13lv_obj_flag_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set one or more flags </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>f</strong> -- R-ed values from <code class="docutils literal notranslate"><span class="pre">lv_obj_flag_t</span></code> to set. </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv417lv_obj_clear_flagP8lv_obj_t13lv_obj_flag_t">
<span id="_CPPv317lv_obj_clear_flagP8lv_obj_t13lv_obj_flag_t"></span><span id="_CPPv217lv_obj_clear_flagP8lv_obj_t13lv_obj_flag_t"></span><span id="lv_obj_clear_flag__lv_obj_tP.lv_obj_flag_t"></span><span class="target" id="lv__obj_8h_1a8a45a671b0fb07c0e99639c180d25fba"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_clear_flag</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv413lv_obj_flag_t" title="lv_obj_flag_t"><span class="n"><span class="pre">lv_obj_flag_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">f</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417lv_obj_clear_flagP8lv_obj_t13lv_obj_flag_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Clear one or more flags </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>f</strong> -- OR-ed values from <code class="docutils literal notranslate"><span class="pre">lv_obj_flag_t</span></code> to set. </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv416lv_obj_add_stateP8lv_obj_t10lv_state_t">
<span id="_CPPv316lv_obj_add_stateP8lv_obj_t10lv_state_t"></span><span id="_CPPv216lv_obj_add_stateP8lv_obj_t10lv_state_t"></span><span id="lv_obj_add_state__lv_obj_tP.lv_state_t"></span><span class="target" id="lv__obj_8h_1adbd258635d3d653e5446336764044db1"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_add_state</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv410lv_state_t" title="lv_state_t"><span class="n"><span class="pre">lv_state_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">state</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_obj_add_stateP8lv_obj_t10lv_state_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Add one or more states to the object. The other state bits will remain unchanged. If specified in the styles, transition animation will be started from the previous state to the current. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>state</strong> -- the states to add. E.g <code class="docutils literal notranslate"><span class="pre">LV_STATE_PRESSED</span> <span class="pre">|</span> <span class="pre">LV_STATE_FOCUSED</span></code> </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv418lv_obj_clear_stateP8lv_obj_t10lv_state_t">
<span id="_CPPv318lv_obj_clear_stateP8lv_obj_t10lv_state_t"></span><span id="_CPPv218lv_obj_clear_stateP8lv_obj_t10lv_state_t"></span><span id="lv_obj_clear_state__lv_obj_tP.lv_state_t"></span><span class="target" id="lv__obj_8h_1ac94c26d36140c7c83da6914d60170e16"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_clear_state</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv410lv_state_t" title="lv_state_t"><span class="n"><span class="pre">lv_state_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">state</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_obj_clear_stateP8lv_obj_t10lv_state_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Remove one or more states to the object. The other state bits will remain unchanged. If specified in the styles, transition animation will be started from the previous state to the current. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>state</strong> -- the states to add. E.g <code class="docutils literal notranslate"><span class="pre">LV_STATE_PRESSED</span> <span class="pre">|</span> <span class="pre">LV_STATE_FOCUSED</span></code> </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_obj_set_user_dataP8lv_obj_tPv">
<span id="_CPPv320lv_obj_set_user_dataP8lv_obj_tPv"></span><span id="_CPPv220lv_obj_set_user_dataP8lv_obj_tPv"></span><span id="lv_obj_set_user_data__lv_obj_tP.voidP"></span><span class="target" id="lv__obj_8h_1a8365f69f32a3870a2b961b8d0751aeba"></span><span class="k"><span class="pre">static</span></span><span class="w"> </span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_set_user_data</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">user_data</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_obj_set_user_dataP8lv_obj_tPv" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the user_data field of the object </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>user_data</strong> -- pointer to the new user_data. </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv415lv_obj_has_flagPK8lv_obj_t13lv_obj_flag_t">
<span id="_CPPv315lv_obj_has_flagPK8lv_obj_t13lv_obj_flag_t"></span><span id="_CPPv215lv_obj_has_flagPK8lv_obj_t13lv_obj_flag_t"></span><span id="lv_obj_has_flag__lv_obj_tCP.lv_obj_flag_t"></span><span class="target" id="lv__obj_8h_1a349bf1b6dea18bd0ab189e7a1c06a662"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_has_flag</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv413lv_obj_flag_t" title="lv_obj_flag_t"><span class="n"><span class="pre">lv_obj_flag_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">f</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv415lv_obj_has_flagPK8lv_obj_t13lv_obj_flag_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check if a given flag or all the given flags are set on an object. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>f</strong> -- the flag(s) to check (OR-ed values can be used) </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: all flags are set; false: not all flags are set </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv419lv_obj_has_flag_anyPK8lv_obj_t13lv_obj_flag_t">
<span id="_CPPv319lv_obj_has_flag_anyPK8lv_obj_t13lv_obj_flag_t"></span><span id="_CPPv219lv_obj_has_flag_anyPK8lv_obj_t13lv_obj_flag_t"></span><span id="lv_obj_has_flag_any__lv_obj_tCP.lv_obj_flag_t"></span><span class="target" id="lv__obj_8h_1a29244deb39942043ee658fbb8e1a47d2"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_has_flag_any</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv413lv_obj_flag_t" title="lv_obj_flag_t"><span class="n"><span class="pre">lv_obj_flag_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">f</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419lv_obj_has_flag_anyPK8lv_obj_t13lv_obj_flag_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check if a given flag or any of the flags are set on an object. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>f</strong> -- the flag(s) to check (OR-ed values can be used) </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: at lest one flag flag is set; false: none of the flags are set </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv416lv_obj_get_statePK8lv_obj_t">
<span id="_CPPv316lv_obj_get_statePK8lv_obj_t"></span><span id="_CPPv216lv_obj_get_statePK8lv_obj_t"></span><span id="lv_obj_get_state__lv_obj_tCP"></span><span class="target" id="lv__obj_8h_1a512731c24ce12b0e62abb3179cbde6ed"></span><a class="reference internal" href="#_CPPv410lv_state_t" title="lv_state_t"><span class="n"><span class="pre">lv_state_t</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_get_state</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_obj_get_statePK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the state of an object </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to an object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the state (OR-ed values from <code class="docutils literal notranslate"><span class="pre">lv_state_t</span></code>) </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv416lv_obj_has_statePK8lv_obj_t10lv_state_t">
<span id="_CPPv316lv_obj_has_statePK8lv_obj_t10lv_state_t"></span><span id="_CPPv216lv_obj_has_statePK8lv_obj_t10lv_state_t"></span><span id="lv_obj_has_state__lv_obj_tCP.lv_state_t"></span><span class="target" id="lv__obj_8h_1af6296b36dd5eddc61f5544761b1ff5a7"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_has_state</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <a class="reference internal" href="#_CPPv410lv_state_t" title="lv_state_t"><span class="n"><span class="pre">lv_state_t</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">state</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_obj_has_statePK8lv_obj_t10lv_state_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check if the object is in a given state or not. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>state</strong> -- a state or combination of states to check </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: <code class="docutils literal notranslate"><span class="pre">obj</span></code> is in <code class="docutils literal notranslate"><span class="pre">state</span></code>; false: <code class="docutils literal notranslate"><span class="pre">obj</span></code> is not in <code class="docutils literal notranslate"><span class="pre">state</span></code> </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv416lv_obj_get_groupPK8lv_obj_t">
<span id="_CPPv316lv_obj_get_groupPK8lv_obj_t"></span><span id="_CPPv216lv_obj_get_groupPK8lv_obj_t"></span><span id="lv_obj_get_group__lv_obj_tCP"></span><span class="target" id="lv__obj_8h_1a4096ec8a90cb787d671867b9bd43dc73"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_get_group</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_obj_get_groupPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the group of the object </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to an object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the pointer to group of the object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv420lv_obj_get_user_dataP8lv_obj_t">
<span id="_CPPv320lv_obj_get_user_dataP8lv_obj_t"></span><span id="_CPPv220lv_obj_get_user_dataP8lv_obj_t"></span><span id="lv_obj_get_user_data__lv_obj_tP"></span><span class="target" id="lv__obj_8h_1aa5a39817d4cbee2420ee5b4d7e466d28"></span><span class="k"><span class="pre">static</span></span><span class="w"> </span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_get_user_data</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_obj_get_user_dataP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the user_data field of the object </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to an object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the pointer to the user_data of the object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv425lv_obj_allocate_spec_attrP8lv_obj_t">
<span id="_CPPv325lv_obj_allocate_spec_attrP8lv_obj_t"></span><span id="_CPPv225lv_obj_allocate_spec_attrP8lv_obj_t"></span><span id="lv_obj_allocate_spec_attr__lv_obj_tP"></span><span class="target" id="lv__obj_8h_1a1b734607bd80d900ba862375d08227cf"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_allocate_spec_attr</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv425lv_obj_allocate_spec_attrP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Allocate special data for an object if not allocated yet. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to an object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv417lv_obj_check_typePK8lv_obj_tPK14lv_obj_class_t">
<span id="_CPPv317lv_obj_check_typePK8lv_obj_tPK14lv_obj_class_t"></span><span id="_CPPv217lv_obj_check_typePK8lv_obj_tPK14lv_obj_class_t"></span><span id="lv_obj_check_type__lv_obj_tCP.lv_obj_class_tCP"></span><span class="target" id="lv__obj_8h_1a3d7bedf32977bdf5a8ddfa01f1302c08"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_check_type</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">lv_obj_class_t</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">class_p</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417lv_obj_check_typePK8lv_obj_tPK14lv_obj_class_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get object's and its ancestors type. Put their name in <code class="docutils literal notranslate"><span class="pre">type_buf</span></code> starting with the current type. E.g. buf.type[0]=&quot;lv_btn&quot;, buf.type[1]=&quot;lv_cont&quot;, buf.type[2]=&quot;lv_obj&quot; </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object which type should be get </p></li>
<li><p><strong>buf</strong> -- pointer to an <code class="docutils literal notranslate"><span class="pre">lv_obj_type_t</span></code> buffer to store the types </p></li>
</ul>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv416lv_obj_has_classPK8lv_obj_tPK14lv_obj_class_t">
<span id="_CPPv316lv_obj_has_classPK8lv_obj_tPK14lv_obj_class_t"></span><span id="_CPPv216lv_obj_has_classPK8lv_obj_tPK14lv_obj_class_t"></span><span id="lv_obj_has_class__lv_obj_tCP.lv_obj_class_tCP"></span><span class="target" id="lv__obj_8h_1a27480f49b6f82e0e2643c1dd09735e9d"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_has_class</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">lv_obj_class_t</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">class_p</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_obj_has_classPK8lv_obj_tPK14lv_obj_class_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check if any object has a given class (type). It checks the ancestor classes too. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>class_p</strong> -- a class to check (e.g. <code class="docutils literal notranslate"><span class="pre">lv_slider_class</span></code>) </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: <code class="docutils literal notranslate"><span class="pre">obj</span></code> has the given class </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv416lv_obj_get_classPK8lv_obj_t">
<span id="_CPPv316lv_obj_get_classPK8lv_obj_t"></span><span id="_CPPv216lv_obj_get_classPK8lv_obj_t"></span><span id="lv_obj_get_class__lv_obj_tCP"></span><span class="target" id="lv__obj_8h_1a6e54ac8307d229a201d1239b7c14a24f"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">lv_obj_class_t</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_get_class</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_obj_get_classPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the class (type) of the object </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><p><strong>obj</strong> -- pointer to an object </p>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>the class (type) of the object </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv415lv_obj_is_validPK8lv_obj_t">
<span id="_CPPv315lv_obj_is_validPK8lv_obj_t"></span><span id="_CPPv215lv_obj_is_validPK8lv_obj_t"></span><span id="lv_obj_is_valid__lv_obj_tCP"></span><span class="target" id="lv__obj_8h_1a4c220acd20b632ad2d4ca7cd7a3023bb"></span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_is_valid</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv415lv_obj_is_validPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Check if any object is still &quot;alive&quot;, and part of the hierarchy </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- pointer to an object </p></li>
<li><p><strong>obj_type</strong> -- type of the object. (e.g. &quot;lv_btn&quot;) </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p>true: valid </p>
</dd>
</dl>
</dd></dl>

<dl class="cpp function">
<dt class="sig sig-object cpp" id="_CPPv410lv_obj_dpxPK8lv_obj_t10lv_coord_t">
<span id="_CPPv310lv_obj_dpxPK8lv_obj_t10lv_coord_t"></span><span id="_CPPv210lv_obj_dpxPK8lv_obj_t10lv_coord_t"></span><span id="lv_obj_dpx__lv_obj_tCP.lv_coord_t"></span><span class="target" id="lv__obj_8h_1afd033d8537f915e7fb845f16095e050d"></span><span class="k"><span class="pre">static</span></span><span class="w"> </span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="n"><span class="pre">lv_coord_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_dpx</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv48lv_obj_t" title="lv_obj_t"><span class="n"><span class="pre">lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">obj</span></span>, <span class="n"><span class="pre">lv_coord_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">n</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv410lv_obj_dpxPK8lv_obj_t10lv_coord_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Scale the given number of pixels (a distance or size) relative to a 160 DPI display considering the DPI of the <code class="docutils literal notranslate"><span class="pre">obj</span></code>'s display. It ensures that e.g. <code class="docutils literal notranslate"><span class="pre">lv_dpx(100)</span></code> will have the same physical size regardless to the DPI of the display. </p>
<dl class="field-list simple">
<dt class="field-odd">Parameters</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>obj</strong> -- an object whose display's dpi should be considered </p></li>
<li><p><strong>n</strong> -- the number of pixels to scale </p></li>
</ul>
</dd>
<dt class="field-even">Returns</dt>
<dd class="field-even"><p><code class="docutils literal notranslate"><span class="pre">n</span> <span class="pre">x</span> <span class="pre">current_dpi/160</span></code> </p>
</dd>
</dl>
</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-variables">Variables</p>
<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv412lv_obj_class">
<span id="_CPPv312lv_obj_class"></span><span id="_CPPv212lv_obj_class"></span><span id="lv_obj_class__lv_obj_class_tC"></span><span class="target" id="lv__obj_8h_1a424ca3b432ad82f98c4b05950b597d44"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">lv_obj_class_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">lv_obj_class</span></span></span><a class="headerlink" href="#_CPPv412lv_obj_class" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Make the base object's class publicly available. </p>
</dd></dl>

</div>
<dl class="cpp struct">
<dt class="sig sig-object cpp" id="_CPPv419_lv_obj_spec_attr_t">
<span id="_CPPv319_lv_obj_spec_attr_t"></span><span id="_CPPv219_lv_obj_spec_attr_t"></span><span id="_lv_obj_spec_attr_t"></span><span class="target" id="struct__lv__obj__spec__attr__t"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">_lv_obj_spec_attr_t</span></span></span><a class="headerlink" href="#_CPPv419_lv_obj_spec_attr_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><em>#include &lt;lv_obj.h&gt;</em><p>Special, rarely used attributes. They are allocated automatically if any elements is set. </p>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-members">Public Members</p>
<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t8childrenE">
<span id="_CPPv3N19_lv_obj_spec_attr_t8childrenE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t8childrenE"></span><span id="_lv_obj_spec_attr_t::children___lv_obj_tPP"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a24899261813fe9686805031d6e753145"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv49_lv_obj_t" title="_lv_obj_t"><span class="n"><span class="pre">_lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">children</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t8childrenE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Store the pointer of the children in an array. </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t9child_cntE">
<span id="_CPPv3N19_lv_obj_spec_attr_t9child_cntE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t9child_cntE"></span><span id="_lv_obj_spec_attr_t::child_cnt__uint32_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a4e00767c29ba01c4f7be7e4ca5f1d52f"></span><span class="n"><span class="pre">uint32_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">child_cnt</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t9child_cntE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Number of children </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t7group_pE">
<span id="_CPPv3N19_lv_obj_spec_attr_t7group_pE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t7group_pE"></span><span id="_lv_obj_spec_attr_t::group_p__lv_group_tP"></span><span class="target" id="struct__lv__obj__spec__attr__t_1afcb4e50fc3a05683f08e4af206759414"></span><a class="reference internal" href="../overview/indev.html#_CPPv410lv_group_t" title="lv_group_t"><span class="n"><span class="pre">lv_group_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">group_p</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t7group_pE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t9event_dscE">
<span id="_CPPv3N19_lv_obj_spec_attr_t9event_dscE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t9event_dscE"></span><span id="_lv_obj_spec_attr_t::event_dsc___lv_event_dsc_tP"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a41c8f14eb458a527ce93ddb14228d2e6"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="n"><span class="pre">_lv_event_dsc_t</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">event_dsc</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t9event_dscE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Dynamically allocated event callback and user data array </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t6scrollE">
<span id="_CPPv3N19_lv_obj_spec_attr_t6scrollE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t6scrollE"></span><span id="_lv_obj_spec_attr_t::scroll__lv_point_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a777cd35b43ca269c6d695a1578fec43e"></span><span class="n"><span class="pre">lv_point_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">scroll</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t6scrollE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>The current X/Y scroll offset </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t13ext_click_padE">
<span id="_CPPv3N19_lv_obj_spec_attr_t13ext_click_padE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t13ext_click_padE"></span><span id="_lv_obj_spec_attr_t::ext_click_pad__lv_coord_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a3254cf494f1cc0806aa8ccdda1a3ea83"></span><span class="n"><span class="pre">lv_coord_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ext_click_pad</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t13ext_click_padE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Extra click padding in all direction </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t13ext_draw_sizeE">
<span id="_CPPv3N19_lv_obj_spec_attr_t13ext_draw_sizeE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t13ext_draw_sizeE"></span><span id="_lv_obj_spec_attr_t::ext_draw_size__lv_coord_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a73aca9ce51fdd07c6266ed5c2dba6aa7"></span><span class="n"><span class="pre">lv_coord_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ext_draw_size</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t13ext_draw_sizeE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>EXTend the size in every direction for drawing. </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t14scrollbar_modeE">
<span id="_CPPv3N19_lv_obj_spec_attr_t14scrollbar_modeE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t14scrollbar_modeE"></span><span id="_lv_obj_spec_attr_t::scrollbar_mode__lv_scrollbar_mode_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a1172b4fc8c2ebce6d338d693990550fc"></span><span class="n"><span class="pre">lv_scrollbar_mode_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">scrollbar_mode</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t14scrollbar_modeE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>How to display scrollbars </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t13scroll_snap_xE">
<span id="_CPPv3N19_lv_obj_spec_attr_t13scroll_snap_xE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t13scroll_snap_xE"></span><span id="_lv_obj_spec_attr_t::scroll_snap_x__lv_scroll_snap_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a258fb40ccbbef31fd83d1fb7b0c61434"></span><span class="n"><span class="pre">lv_scroll_snap_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">scroll_snap_x</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t13scroll_snap_xE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Where to align the snapable children horizontally </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t13scroll_snap_yE">
<span id="_CPPv3N19_lv_obj_spec_attr_t13scroll_snap_yE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t13scroll_snap_yE"></span><span id="_lv_obj_spec_attr_t::scroll_snap_y__lv_scroll_snap_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a0062a0595d0ea326aae1a0ab49785202"></span><span class="n"><span class="pre">lv_scroll_snap_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">scroll_snap_y</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t13scroll_snap_yE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Where to align the snapable children horizontally </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t10scroll_dirE">
<span id="_CPPv3N19_lv_obj_spec_attr_t10scroll_dirE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t10scroll_dirE"></span><span id="_lv_obj_spec_attr_t::scroll_dir__lv_dir_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1a85052ac92f99a5fc31c6e737b1fb2541"></span><span class="n"><span class="pre">lv_dir_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">scroll_dir</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t10scroll_dirE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>The allowed scroll direction(s) </p>
</dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N19_lv_obj_spec_attr_t13event_dsc_cntE">
<span id="_CPPv3N19_lv_obj_spec_attr_t13event_dsc_cntE"></span><span id="_CPPv2N19_lv_obj_spec_attr_t13event_dsc_cntE"></span><span id="_lv_obj_spec_attr_t::event_dsc_cnt__uint8_t"></span><span class="target" id="struct__lv__obj__spec__attr__t_1afbd96383fc9f21a0f97cc04bcb5dd4cd"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">event_dsc_cnt</span></span></span><a class="headerlink" href="#_CPPv4N19_lv_obj_spec_attr_t13event_dsc_cntE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Number of event callabcks stored in <code class="docutils literal notranslate"><span class="pre">event_cb</span></code> array </p>
</dd></dl>

</div>
</dd></dl>

<dl class="cpp struct">
<dt class="sig sig-object cpp" id="_CPPv49_lv_obj_t">
<span id="_CPPv39_lv_obj_t"></span><span id="_CPPv29_lv_obj_t"></span><span id="_lv_obj_t"></span><span class="target" id="struct__lv__obj__t"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">_lv_obj_t</span></span></span><a class="headerlink" href="#_CPPv49_lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-members">Public Members</p>
<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t7class_pE">
<span id="_CPPv3N9_lv_obj_t7class_pE"></span><span id="_CPPv2N9_lv_obj_t7class_pE"></span><span id="_lv_obj_t::class_p__lv_obj_class_tCP"></span><span class="target" id="struct__lv__obj__t_1a5c45af901114834bdd67198582250b2d"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">lv_obj_class_t</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">class_p</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t7class_pE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t6parentE">
<span id="_CPPv3N9_lv_obj_t6parentE"></span><span id="_CPPv2N9_lv_obj_t6parentE"></span><span id="_lv_obj_t::parent___lv_obj_tP"></span><span class="target" id="struct__lv__obj__t_1abf27a654be0ee86860391c9104a4d098"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv49_lv_obj_t" title="_lv_obj_t"><span class="n"><span class="pre">_lv_obj_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">parent</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t6parentE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t9spec_attrE">
<span id="_CPPv3N9_lv_obj_t9spec_attrE"></span><span id="_CPPv2N9_lv_obj_t9spec_attrE"></span><span id="_lv_obj_t::spec_attr___lv_obj_spec_attr_tP"></span><span class="target" id="struct__lv__obj__t_1acf5de681bc9200fd454f868c6820f3f0"></span><a class="reference internal" href="#_CPPv419_lv_obj_spec_attr_t" title="_lv_obj_spec_attr_t"><span class="n"><span class="pre">_lv_obj_spec_attr_t</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">spec_attr</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t9spec_attrE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t6stylesE">
<span id="_CPPv3N9_lv_obj_t6stylesE"></span><span id="_CPPv2N9_lv_obj_t6stylesE"></span><span id="_lv_obj_t::styles___lv_obj_style_tP"></span><span class="target" id="struct__lv__obj__t_1a6dcd3ad64fd488ac7c477dd314356f19"></span><span class="n"><span class="pre">_lv_obj_style_t</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">styles</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t6stylesE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t9user_dataE">
<span id="_CPPv3N9_lv_obj_t9user_dataE"></span><span id="_CPPv2N9_lv_obj_t9user_dataE"></span><span id="_lv_obj_t::user_data__voidP"></span><span class="target" id="struct__lv__obj__t_1a1fe66c89c9f51ba266c44e7a5d71352d"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">user_data</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t9user_dataE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t6coordsE">
<span id="_CPPv3N9_lv_obj_t6coordsE"></span><span id="_CPPv2N9_lv_obj_t6coordsE"></span><span id="_lv_obj_t::coords__lv_area_t"></span><span class="target" id="struct__lv__obj__t_1a5159a54e860e2efa245ccd12f1f26253"></span><span class="n"><span class="pre">lv_area_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">coords</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t6coordsE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t5flagsE">
<span id="_CPPv3N9_lv_obj_t5flagsE"></span><span id="_CPPv2N9_lv_obj_t5flagsE"></span><span id="_lv_obj_t::flags__lv_obj_flag_t"></span><span class="target" id="struct__lv__obj__t_1ae6f24d376b42d0a9ebb75b8abb4cece9"></span><a class="reference internal" href="#_CPPv413lv_obj_flag_t" title="lv_obj_flag_t"><span class="n"><span class="pre">lv_obj_flag_t</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">flags</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t5flagsE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t5stateE">
<span id="_CPPv3N9_lv_obj_t5stateE"></span><span id="_CPPv2N9_lv_obj_t5stateE"></span><span id="_lv_obj_t::state__lv_state_t"></span><span class="target" id="struct__lv__obj__t_1aa3fd4378cceb29153c26649eeda2f5c3"></span><a class="reference internal" href="#_CPPv410lv_state_t" title="lv_state_t"><span class="n"><span class="pre">lv_state_t</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">state</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t5stateE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t10layout_invE">
<span id="_CPPv3N9_lv_obj_t10layout_invE"></span><span id="_CPPv2N9_lv_obj_t10layout_invE"></span><span id="_lv_obj_t::layout_inv__uint16_t"></span><span class="target" id="struct__lv__obj__t_1accb5066205cbef5248af97d9c2d80dbb"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">layout_inv</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t10layout_invE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t14scr_layout_invE">
<span id="_CPPv3N9_lv_obj_t14scr_layout_invE"></span><span id="_CPPv2N9_lv_obj_t14scr_layout_invE"></span><span id="_lv_obj_t::scr_layout_inv__uint16_t"></span><span class="target" id="struct__lv__obj__t_1ad8a606890236a21cdf34a9592ab0ca37"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">scr_layout_inv</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t14scr_layout_invE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t10skip_transE">
<span id="_CPPv3N9_lv_obj_t10skip_transE"></span><span id="_CPPv2N9_lv_obj_t10skip_transE"></span><span id="_lv_obj_t::skip_trans__uint16_t"></span><span class="target" id="struct__lv__obj__t_1ab1a5b0f899bb64a2555037cc956d5819"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">skip_trans</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t10skip_transE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t9style_cntE">
<span id="_CPPv3N9_lv_obj_t9style_cntE"></span><span id="_CPPv2N9_lv_obj_t9style_cntE"></span><span id="_lv_obj_t::style_cnt__uint16_t"></span><span class="target" id="struct__lv__obj__t_1a4afe7c5f9a14cfd9c2e5d3a6c50c2951"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">style_cnt</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t9style_cntE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t8h_layoutE">
<span id="_CPPv3N9_lv_obj_t8h_layoutE"></span><span id="_CPPv2N9_lv_obj_t8h_layoutE"></span><span id="_lv_obj_t::h_layout__uint16_t"></span><span class="target" id="struct__lv__obj__t_1aba143660b28a531b3971bf0812cc3d24"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">h_layout</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t8h_layoutE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt class="sig sig-object cpp" id="_CPPv4N9_lv_obj_t8w_layoutE">
<span id="_CPPv3N9_lv_obj_t8w_layoutE"></span><span id="_CPPv2N9_lv_obj_t8w_layoutE"></span><span id="_lv_obj_t::w_layout__uint16_t"></span><span class="target" id="struct__lv__obj__t_1a652b398250dc510c30b0075e3b6e429d"></span><span class="n"><span class="pre">uint16_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">w_layout</span></span></span><a class="headerlink" href="#_CPPv4N9_lv_obj_t8w_layoutE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
</dd></dl>

</div>
</div>


           </div>
           
          </div>
          <footer>
    <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
        <a href="core/index.html" class="btn btn-neutral float-right" title="Core widgets" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
        <a href="index.html" class="btn btn-neutral float-left" title="Widgets" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
    </div>

  <hr/>

  <div role="contentinfo">
    <p>
        &#169; Copyright 2020, LVGL LLC.
      <span class="lastupdated">
        Last updated on Jan 10, 2022.
      </span>

    </p>
  </div>
    
    
    
    Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a
    
    <a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a>
    
    provided by <a href="https://readthedocs.org">Read the Docs</a>. 

</footer>
        </div>
      </div>

    </section>

  </div>
  

  <script type="text/javascript">
      jQuery(function () {
          SphinxRtdTheme.Navigation.enable(true);
      });
  </script>

  
  
    
  

<style>
  .wy-side-nav-search > div[role="search"] {
    color: black;
  }
</style>
 <script type="text/javascript">
    $(document).ready(function() {
        $(".toggle > *").hide();
        $(".toggle .header").show();
        $(".toggle .header").click(function() {
            $(this).parent().children().not(".header").toggle(400);
            $(this).parent().children(".header").toggleClass("open");
        })
    });
</script>

<script type="text/javascript">
function add_version_selector()
{
    return fetch("https://raw.githubusercontent.com/lvgl/docs_compiled/gh-pages/versionlist.txt")
        .then(res => res.text())
        .then(text => {
            const versions = text.split("\n").filter(version => version.trim().length > 0);
            let p = document.getElementById("rtd-search-form").parentElement;
            p.innerHTML = `
            <select name="versions" id="versions" onchange="ver_sel()" style="border-radius:5px; margin-bottom:15px">
            ${versions.map(version => {
                const versionName = "v" + ((version.indexOf(".") != -1) ? version : (version + " (latest minor)"));
                return `<option value="${version}">${versionName}</option>`;
            })}
            </select>` + p.innerHTML;
        });
}

function ver_sel()
{
  var x = document.getElementById("versions").value;
  window.location.href = window.location.protocol + "//" + window.location.host + "/" + x + "/";
}

document.addEventListener('DOMContentLoaded', (event) => {
    add_version_selector().then(() => {
        var value = window.location.pathname.split('/')[1];
        document.getElementById("versions").value = value;
    });
    
})
</script>


</body>
</html>